<!doctype html>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>用户地址</title>
    <link rel="stylesheet" href="/static/js/layui/css/layui.css">
    <link rel="stylesheet" href="{__CSS__}/bootstrap.min.css">
    <link rel="stylesheet" href="{__CSS__}/style.css">
    <link rel="stylesheet" href="{__CSS__}/iconfont.css">
    <link rel="stylesheet" href="{__CSS__}/user.css">
    <script src="{__JS__}/jquery.min.js"></script>
    <script src="{__JS__}/bootstrap.bundle.min.js"></script>
    <script src="{__JS__}/meanmenu.min.js"></script>
    <style>.middle-header .search-box .search-btn {padding: 12px 15px;}</style>
</head>
<body style="background: #f9f9f9;">
{include file="public/header_no_nav"}
<div class="user_container">
    <div style="color: #757575">
        <a href="/">首页</a> > 用户中心
    </div>
    <div class="user_content">
        {include file="public/user_menu"}
        <div class="content_detail" style="padding: 20px 20px;">
            <div class="address-list">
                <container id="address-list"></container>
                <div class="address-item">
                    <div class="add-desc">
                        <span style="font-size: 20px">+</span>
                        <span>添加新地址</span>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<script id="addressItem" type="text/html">
    {{#  layui.each(d.data, function(index, item) { }}
    <div class="address-item {{#  if(item.is_default == 1){ }}active{{#  } }}" data-id="{{item.id}}" data-name="{{ item.real_name }}" data-phone="{{ item.phone }}" data-province="{{ item.province }}" data-city="{{ item.city }}" data-address="{{ item.province }}{{ item.city }}{{ item.country }}{{ item.detail }}">
        <div class="address-info">
            <div class="name">{{ item.real_name }}<span style="color: rgb(176, 176, 176);"></span></div>
            <div class="tel">{{ item.phone }}</div>
            <div class="address-con">
                <span>{{ item.province }}</span><span>{{ item.city }}</span><span>{{ item.country }}</span>
                <span class="info">{{ item.detail }}</span>
            </div>
            <div class="address-action show-action">
                <span onclick="editAddress(this)" data-id="{{item.id}}"><i class="layui-icon layui-icon-edit"></i></span>
                <span onclick="removeAddress(this)" data-id="{{item.id}}"><i class="layui-icon layui-icon-delete"></i></span>
            </div>
        </div>
    </div>
    {{#  }); }}
</script>

{include file="public/footer"}
<div class="go-top">
    <i class="iconfont icon-yooxi"></i>
    <i class="iconfont icon-yooxi"></i>
</div>
<script src="/static/js/layui/layui.js"></script>
<script src="{__JS__}/custom.js"></script>
<script src="{__JS__}/address.js"></script>
</body>
</html>